import Vue from 'vue'//这个是功能不全的包，要用下面的包，还可以在vue文件找package.json
//用这个方法也可以在webpack.config.js中添加resolve

//import Vue from '../node_modules/vue/dist/vue.js'
// 手动安装vue-router

import VueRouter from 'vue-router'
Vue.use(VueRouter)
import app from './app.vue'

import router from './router.js'
//import 'mint-ui/lib/style.css'//引入mint-ui的样式 按需导入不用这个
import { Header } from 'mint-ui';//按需引入样式
Vue.component('myheader', Header);
import { Swipe, SwipeItem } from 'mint-ui';
Vue.component(Swipe.name, Swipe);
Vue.component(SwipeItem.name, SwipeItem);

//导入vue-resoource
import VueResource from 'vue-resource'
Vue.use(VueResource)
//这里可以设置请求地址的根路径,一定要放Vue.use(VueResource)下面
//Vue.http.options.root = 'http://vue.learn'



//设置过滤器
//倒入时间插件
import moment from 'moment'
Vue.filter('dateFormt',function(dataStr , pattern = 'YYYY-MM-DD HH:mm:ss'){
    return moment(dataStr).format(pattern)
})
 
import './lib/mui/css/mui.min.css' //引入mui的样式
import './lib/mui/css/icons-extra.css'//倒入额外的图标样式

// var blog = {
//     template:'<h3>这个刚注册的<h3>'
// }
//import blog from './blog.vue'
//默认webpack无法打包。vue文件，需要安装vue-loader vue-template-compiler -D
//配置中要加{test:/\.vue$/,use:'vue-loader'}


var vm = new Vue({
    el: '#app',
    data: {
        message: 'nihao a'
    },
    // render:function(createElements){
    //     return  createElements(blog)

    // }
    render: c => c(app),//render会el指定的容器中，所有的内容都清空覆盖，所以不要把<router-view></router-view>和<router-link></router-link>放到#app中
    router //挂在路由对象到vm
})

// class Person {
//     // 使用 static 关键字，可以定义静态属性
//     // 所谓的静态属性，就是 可以直接通过 类名， 直接访问的属性
//     // 实例属性： 只能通过类的实例，来访问的属性，叫做实例属性
//     static info = { name: 'zs', age: 20 }
//   }

//   // 访问 Person 类身上的  info 静态属性
//   console.log(Person.info)